<style lang='scss' type='stylesheet/scss' scoped>
.as-button {
  margin-bottom: 10px;
}
</style>
<template>
  <div>
    <as-h2>disabled</as-h2>

    <as-card :text="text"
             title="设置 disabled 将禁用 checkbox">
      <as-checkbox disabled v-model="checked">禁用按钮</as-checkbox>
      <as-checkbox disabled v-model="checked2">禁用按钮</as-checkbox>
    </as-card>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: "",
  data() {
    return {
      checked: false,
      checked2: true,
      text: `<template>
  <div>
    <as-checkbox disabled v-model="checked">禁用按钮</as-checkbox>
    <as-checkbox disabled v-model="checked2">禁用按钮</as-checkbox>
  </div>
 </template>
 <script>
 export default {
   data() {
     return {
       checked: false,
       checked2: true
     }
   }
 }
 <\/script>`
    };
  }
};
</script>
